/*stylesheet "unsere Gruppe.css"*/
        @media all{
/*============================================================*/

   header * {   /*ist optimal!*/
	flex: 1 1 0%;
  align-self: center;
}
  #kopfbereich {   /*ist optimal!*/
     grid-column: 1 / -1;
  grid-row:    1;
  align-self: center;
}
  #container{
  display: flex;
  flex-flow: row wrap;
  }
main{
   margin: 0em
        padding: 1em;
         }
  #flex-container{
    display: flex;
  flex-direction: row; /* Standardwert */
  align-items: center;
   margin: 1em;	
  justify-content: center;

  }	
  .flex-item {
  	flex: auto;
 }

  .one{
  border: 2px solid  #808000;
       border-radius: 28px;
        font-size: 2,5em;
text-shadow: 4px 4px 4px white, 5px 5px 10px black;
 	box-shadow: inset -4px -4px 20px #ccc;
  text-align: center;
  }


	article{
 border: 2px solid #eee;
      background-color: #FFFFca;
	 color: #808000;
	  background-color: #808000;
   color: #FFFFca;
    border-radius: 28px;
	      border: 2px solid #eee;
align-items: center;
padding-top: 1em;
margin: 1em 0em 1em 0em;

}

  aside{
   align-items: center;
	padding: 1em;
   margin: 1em;
   }

    footer{
    grid-column: 1 / -1;
  grid-row:    4;					
}
/*====================================================================================*/
  }/*stehen lassen media*/